/**
    联系我们 page
    lbj 2018.6.7
 */

<style lang="scss" scoped>
.contact {
  line-height: 150%;
  .info {
    width: 1230px;
    margin: 0 auto;
    .data {
      padding-top: 70px;
      .crcode {
        span {
          margin-left: 8px;
        }
      }
    }
    .flex-parent > div {
      box-sizing: border-box;
      flex: 0 0 50%;
      padding: 0 5% 30px 0;
      .img-box {
        width: 80px;
        height: 80px;
        border: 1px solid #eee;
        border-radius: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        margin-right: 20px;
      }
    }
    .map {
      height: 500px;
      padding: 40px 0;
    }
  }
}
</style>

<template>
    <div class="contact bgfff">
        <div class="banner">
            <img src="../img/contact.png" class="w100" alt="">
        </div>
        <div class="info">
            <div class="flex-col data">
                <div class="box1 flex-parent">
                    <div class="flex-col flex-middle">
                        <div class="img-box">
                            <img src="../img/location.png" alt="">
                        </div>
                        <p class="box1">成都市高新区天府二街东方希望天祥广场B座7878号成都市高新区天府二街东方希望天祥广场B座7878号</p>
                    </div>
                    <div class="flex-col flex-middle">
                        <div class="img-box">
                            <img src="../img/mobile.png" alt="">
                        </div>
                        <p class="box1">028-85887868</p>
                    </div>
                    <div class="flex-col flex-middle">
                        <div class="img-box">
                            <img src="../img/phone.png" alt="">
                        </div>
                        <p class="box1">13693406377</p>
                    </div>
                    <div class="flex-col flex-middle">
                        <div class="img-box">
                            <img src="../img/mail.png" alt="">
                        </div>
                        <p class="box1">375960820@qq.com</p>
                    </div>

                </div>
                <div class="crcode">
                    <img src="../img/qrcode.jpg" width="145" alt="">
                    <div class="box-middle">
                        <img src="../img/phone.png" alt="">
                        <span>扫一扫关注<br/>微信公众号</span>
                    </div>
                </div>
            </div>
            <div class="map">
                <div class="full img-bg"></div>
            </div>
        </div>
    </div>
</template>

<script>
export default {
  name: "contact"
};
</script>


